<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>

		<!--[if lt IE 9]>
    	<script src="../js/jquery-1.11.3.js"></script>    
		<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="../js/jquery-3.1.1.js"></script>
		<!--<![endif]-->
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					vurl = "http://127.0.0.1:8020/class3/jquery/text/new.txt";
				//	vurl = "http://v.juhe.cn/weather/index?callback=?"; //跨域请求会有问题
					
					//					$.ajax({
					//						url: vurl,
					//						success: function(result) {
					//							$("#div1").html(result);
					//						}
					//					});
					
					//					$.get(vurl, function(data, status) {
					//						$("#div1").html("数据: " + data + "\n状态: " + status);
					//					});
					
					//.post 不适合静态对象
					//					$.post(vurl, {
					//							name: $("#name").val(),
					//							paswd: "http://www.runoob.com"
					//						},
					//						function(data, status) {
					//							$("#div1").html("数据: " + data + "\n状态: " + status);
					//						});
					
					//$("#div1").load(vurl);
					$("#div1").load(vurl, function(responseTxt, statusTxt, xhr) {
						if(statusTxt == "success")
							alert("外部内容加载成功!");
						if(statusTxt == "error")
							alert("Error: " + xhr.status + ": " + xhr.statusText);
					});

				});

			});
		</script>
	</head>

	<body>
		<div id="div1">
			<h2>使用 jQuery AJAX 修改文本内容</h2></div>
		<button>获取其他内容</button>
		<form>
			<input type="text" name="name" id="name" value="" />
		</form>
	</body>

</html>